<template>
    <div>
        <wd-header title="设置">
            <span class="iconfont" @click="goback" slot="left">&#xe697;</span>
        </wd-header>
        <div class="content">
            <ul>
                <router-link tag="li" :to="{name:'changepassword'}">
                    <span>修改密码</span>
                    <span class="iconfont">&#xe6a8;</span>
                </router-link>
            </ul>
        </div>
        <div class="footer" @click="quit">
            <button>退出帐号</button>
        </div>
    </div>
</template>
<script>
export default {
    name: 'settings',
    data() {
        return {

        }
    },
    methods: {
        goback() {
            this.$router.go(-1)
        },
        quit() {
          localStorage.clear()
          this.$router.replace('/login')
        }
    }
}
</script>
<style lang="scss" scoped>
.content {
    li {
        display: flex;
        padding: 0.37037rem;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
        font-size: 0.407407rem;
        .iconfont {
            color: #555;
        }
    }
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: .1rem 0;
    button {
        width: 95%;
        height: 1.3rem;
        line-height: 1.3rem;
        font-size: .444444rem;
        background: #ff6633;
        color: #fff;
        border-radius: 5px;
    }
}
</style>
